<template>
    <div class="whole">
        <div class="header">
            <HomeHeader />
            <HomeSearchBar />
        </div>
        <div class="main">
            <HomeMainContent />
        </div>
        <div class="business">
            <HomeBottom />
        </div>
    </div>
</template>

<script setup lang="ts">
import HomeHeader from '@/components/Home/HomeHeader.vue'
import HomeSearchBar from '@/components/Home/HomeSearchBar.vue';
import HomeMainContent from '@/components/Home/HomeMainContent.vue';
import HomeBottom from '@/components/Home/HomeBottom.vue'
</script>

<style scoped>
    body{
        padding: 0;
        margin: 0;
    }
    .whole{
        display: flex;
        flex-flow: column nowrap;
    }
</style>